<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>专家在线-医疗</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<link href="" rel="stylesheet">
<script src="js/common.js"></script>
<link href="css/reset.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link href="css/expertsOnline.css" rel="stylesheet">
</head>
<body>
    <header>
        <a href="javascript:history.go(-1)"><i class="iconfont back">&#xe608;</i></a>
        <span>专家在线</span>
        <div class="area"><a href="#" id="share">发求助</a></div>
    </header>

    <!-- search搜索框开始-->
   <form action=""><a href="search.html">
        <input type="text">
        <div><i class="iconfont">&#xe60a;</i>搜索帖子</div>
    </a></form>
    <!-- search搜索框结束-->

    <div class="medical clearfix">
        <a href="#"><i class="iconfont">&#xe646;</i></a>
        <div class="fl">
            <div class="medicals">医疗</div>
            <div class="disease">疾病、外伤、感染、康复、驱虫、疫苗</div>
        </div> 
    </div>

    <div class="img">
       <img src="images/医护专家团.png" alt=""> 
    </div>

    <div class="professor">
        <ul class="medic">
            <li><a href="#">
                <img src="images/专家在线-医护1.png" alt=""class="img">
                <div>胡歌</div>
                <div>院长</div>
            </a></li>
            <li><a href="#">
                <img src="images/专家在线-医护2.png" alt=""class="img">
                <div>小明</div>
                <div>院长</div>
            </a></li>
            <li><a href="#">
                <img src="images/专家在线-医护3.png" alt=""class="img">
                <div>张三</div>
                <div>院长</div>
            </a></li>
            <li><a href="#">
                <img src="images/专家在线-医护4.png" alt=""class="img">
                <div>李四</div>
                <div>院长</div>
            </a></li>
        </ul>
    </div>

    <div class="main">
        <div class="recommendation">
            <div class="cont">
                <ul>
                    <li>
                        <div class="question">
                            <i>新</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/2.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>新</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>训</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/3.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>新</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>医</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/4.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>新</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>养</i>
                            <i>图</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/5.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/6.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/7.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    
</body>
</html>